<template>
	<view class="recent-content animated fadeInLeft fast" @tap="toToppicDetail">
		<view>
			<image :src="item.titlePic" mode="widthFix"></image>
		</view>
	
		<view>
			<view class="rencent-contentTitle">
				#{{item.title}}#
			</view>
			<view class="rencent-contentTitle">
				{{item.desc}}
			</view>
			<view class="rencent-contentTitle">
				动态 {{item.total}} 今日{{item.nowtatal}}
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:['item'],
		data(){
			return{
				
			}
		},
		methods:{
			toToppicDetail(){
				uni.navigateTo({
					url: '../../pages/home/toppic-detail',
				});
			}
		}
	}
	
</script>

<style scoped lang="scss">
	.recent-content {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20upx 0;
		border-bottom: 1px solid #F3F3F3;
		
		&>view:first-child {
			width: 150upx;
			height: 150upx;
			image {
				width: 100%;
				height: 100%;
				border-radius: 8upx;
			}
		}
	
		&>view:nth-of-type(2) {
			flex: 1;
			color: #DDDDDD;
			margin-left: 20upx;
			font-size: 26upx;
			&>view:first-child {
				font-size: 30upx;
				color: #333333;
			}
		}
	}
</style>
